<header class="header">
	<h2 class="title">七彩社区</h2>
	<a class="btn btn_y btn_h" href="javascript:void(0)">
		<span class="z"></span><span class="y">发帖子</span>
	</a>
</header>

<div class="wrapper">
	<nav class="bbs_sub_nav">
		<ul>
			<li> <a class="btn btn_yellow" href="#!/bbs/hot"> 热门帖子 </a> </li>
			<li> <a class="btn btn_yellow" href="#!/bbs/new"> 新帖子 </a> </li>
			<li> <a class="btn btn_pink" href="#!/bbs/sort"> 更多话题 </a> </li>
		</ul>
	</nav>
	<nav id="bbs_sort_list">
		<% if(items.length < 1){ %>
		<div class="loading"></div>
		<% } else { %>
		<div>
			<% _.each(items, function(item, index){ %>
			<a href="#!/bbs/<%= item.fid %>">
				<p class="sort_name"><%= item.name %></p>
				<p class="extra">
					<img src="./img/reply.png" alt="">
					<span class="reply"><%= item.posts %></span>
					/
					<span class="view"><%= item.threads %></span>
				</p>
			</a>	
			<% }) %>
		</div>
		<% } %>
	</nav>
</div>

<footer class="footer">
	<nav class="colorful_nav">
		<a class="nav_item" id="nav_school" href="#!/school">
			<span class="icon"></span>
			<p class="name">学堂</p>
		</a>
		<a class="nav_item cur_nav" id="nav_bbs" href="#!/bbs">
			<span class="icon"></span>
			<p class="name">社区</p>
		</a>
		<a class="nav_item" id="nav_aide" href="#!/aide">
			<span class="icon"></span>
			<p class="name">助手</p>
		</a>
		<a class="nav_item" id="nav_me" href="#!/me">
			<span class="icon"></span>
			<p class="name">我</p>
		</a>
	</nav>
</footer>